/*
 * @Description: 状态管理器
 * @Version: @1.0.0
 * @Autor: YJY
 * @Date: 2021-07-14 13:49:51
 * @LastEditors: YJY
 * @LastEditTime: 2021-07-20 16:05:56
 */
import Vue from 'vue'
import Vuex from '../vuex2'
// 注册插件 install mixin
Vue.use(Vuex)

export default new Vuex.Store({
  state: { // 状态管理 响应式
    age: 10
  },
  getters: { // 类似于计算属性 具有缓存机制
    changeAge (state) {
      console.log(11111) // 判断是否缓存机制
      return state.age * 2
    }
  },
  mutations: { // 同步操作 直接操作修改 state中的数据
    addAge (state, data) {
      state.age += data
    }
  },
  actions: {
    ayAddAge ({ commit }, data) {
      setTimeout(() => {
        commit('addAge', data)
      }, 1000)
    }
  }

})
